<ion-view view-title="首页" class="home-wrap" ng-init="initHome()">
    <ion-content>
        <ion-slide-box ng-if="indexInfo.banners.length" slide-interval="5000" auto-play="true" does-continue="true">
            <ion-slide ng-repeat="img in indexInfo.banners track by $index">
                <div class="home-kv jzimg">
                    <img ng-src="{{fullPath(img)}}" fallback-src="img/default_img.jpg">
                </div>
            </ion-slide>
        </ion-slide-box>
        <div class="home-wrap-spacing mb7"></div>
        <!--推荐热销-->
        <div class="home-wrap-item-wrap mb7">
            <div class="home-wrap-item">
                <div class="home-wrap-item-content" ui-sref="tab.oneday({filter:'recommend'})">
                    <div class="bgPink">
                        <i class="iconfont icon-thumb"></i>
                    </div>
                    <p class="item-title">推荐</p>
                </div>
                <div class="home-wrap-item-content" ui-sref="tab.oneday({filter:null})">
                    <div class="bgYellow">
                        <i class="iconfont icon-flag"></i>
                    </div>
                    <p class="item-title">周边游</p>
                </div>
                <div class="home-wrap-item-content" ui-sref="tab.ticket">
                    <div class="bgPurple">
                        <i class="iconfont icon-ticket02"></i>
                    </div>
                    <p class="item-title">门票</p>
                </div>
                <div class="home-wrap-item-content" ui-sref="tab.oneday({filter:'hot'})">
                    <div class="bgGreen">
                        <i class="iconfont  icon-hot"></i>
                    </div>
                    <p class="item-title">热销</p>
                </div>
            </div>
            <i class="link-line line-left"></i>
            <i class="link-line line-right"></i>
        </div>
        <!--panel-->
        <div class="home-wrap-panel mb7">
            <div class="panel-left" ui-sref="tab.oneday({filter:'hands'})">
                <p class="f14 orangeC center">大手牵小手</p>
                <p class="f12 grayC center">小手暖大手</p>
                <div class="jzimg">
                    <img src="img/Group 8.png">
                </div>
            </div>
            <div class="panel-right">
                <div class="panel-right-top" ui-sref="tab.oneday({filter:'super'})">
                    <div class="panel-right-top-left" >
                        <p class="f14 purpleC center">非常商旅</p>
                        <p class="f12 grayC center">开启全家模式</p>
                    </div>
                    <div class="panel-right-top-right jzimg">
                        <img src="img/Group 10.png">
                    </div>
                </div>
                <div class="panel-right-bottom">
                    <div class="panel-right-bottom-left" ui-sref="tab.oneday({filter:'party'})">
                        <p class="f14 pinkC center">Party党</p>
                        <p class="f12 grayC center">让我们更懂你</p>
                        <div class="jzimg">
                            <img src="img/Group 9.png">
                        </div>
                    </div>
                    <div class="panel-right-bottom-right" ui-sref="tab.oneday({filter:'green'})">
                        <p class="f14 pinkC center">绿野仙踪</p>
                        <p class="f11 grayC center">最高境界的美食</p>
                        <div class="jzimg">
                            <img src="img/Group 11.png">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--recommend-->
        <div class="recommend-wrap">
            <div class="recommend-title-wrap">
                <div class="recommend-wrap-title">
                    <p class="recommend-title-bar"></p>
                    <p class="center f16">为你推荐</p>
                    <p class="recommend-title-bar"></p>
                </div>
            </div>
            <div class="recommend-item mb7" ng-repeat="article in articleinfo.articleshow track by $index">
                <div class="jzimg" ui-sref="tab.onedaydetail({id:article.id})">
                    <img ng-src="{{fullPath(article.banners[0])}}" fallback-src="img/default_img.jpg">
                </div>
                <div class="recommend-item-info">
                    <h1 class="recommend-title f16 t1">{{article.title}}</h1>
                    <p class="t1 content-desc" style="padding: 5px 5px 10px 6px;">{{article.description}}</p>
                    <div class="recommend-label">
                        <ul class="clearfix">
                            <li class="bgweekend" ng-if="article.hands">大手牵小手</li>
                            <li class="bgmagic" ng-if="article.super">非常商旅</li>
                            <li class="bgbuffet" ng-if="article.party">Party党</li>
                            <li class="bgflower" ng-if="article.green">绿野仙踪</li>
                        </ul>
                    </div>
                    <div class="likeThis" ng-class="{true:'likeThis-color-pink',false:'likeThis-color-gray'}[article.collection]" ng-click="userCollection(article.id)">
                        <i class="iconfont " ng-class="{true:'icon-heart-full',false:'icon-heart-empty'}[article.collection]"></i>
                        <p class="likeThis-num center">{{article.collect_num}}</p>
                    </div>
                </div>
                <div class="recommend-position clearfix">
                    <div class="judge-recommend" ng-if="article.recommend">
                        <i class="iconfont icon-recommend redC"></i>
                        <a class="recommend-path"></a>
                    </div>
                    <div class="judge-hot" ng-if="article.hot">
                        <i class="iconfont icon-hot hotC"></i>
                        <a class="recommend-path"></a>
                    </div>
                </div>
            </div>
        </div>
        <ion-infinite-scroll ng-if="hasMore" on-infinite="getRecommends()" distance="0%">
        </ion-infinite-scroll>
    </ion-content>
</ion-view>
